@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style-type: none;
  font-family: -apple-system, BlinkMacSystemFont, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial,
    sans-serif;
  font-size: 12px;
  border: 0;
  outline: none;
  color: #333333;
}
*::-webkit-scrollbar {
  width: 0 !important;
}
*,
:after,
:before {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type="button"],
input[type="submit"],
input[type="file"],
button {
  cursor: pointer;
  -webkit-appearance: none;
}
body {
  max-width: 640px;
  min-width: 320px;
  margin: 0 auto;
}

/*banner*/
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  width: 100%;
}

.top {
  width: 100%;
  height: 40px;
  font-size: 18px;
  text-align: center;
  line-height: 40px;
  color: #173e5d;
  font-weight: bold;
  background-color: #f0f3f8;
}
.top2 {
  width: 98%;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #173e5d;
  background: #f0f3f8;
  padding: 0 0 0 2%;
}
.top3 {
  width: 100%;
  height: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #173e5d;
  position: relative;
  background: #f0f3f8;
}
.top3 .fanhui {
  position: absolute;
  left: 2%;
  top: 0;
}
.top3 .fanhui i {
  color: #858b97;
}
.top4 {
  width: 100%;
  height: 40px;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  color: #173e5d;
  position: relative;
  margin: 0 0 10px 0;
}
.top4 .fanhui {
  position: absolute;
  left: 2%;
  top: 0;
}
.top4 .fanhui i {
  color: #858b97;
}
.top4 .fabuanniu {
  position: absolute;
  right: 2%;
  line-height: 40px;
  color: #858b97;
}
.top5 {
  width: 96%;
  height: 50px;
  font-size: 20px;
  line-height: 50px;
  color: #173e5d;
  background: #f0f3f8;
  padding: 0 2%;
}
.top5 .left {
  width: auto;
  float: left;
}
.top5 .left i {
  float: left;
  color: #173e5d;
  line-height: 50px;
}
.top5 .left span {
  float: left;
  color: #173e5d;
  line-height: 50px;
  margin: 0 0 0 5px;
  font-size: 16px;
  font-weight: bold;
}
.top5 .right {
  width: auto;
  float: right;
}
.top5 .right i {
  color: #173e5d;
  line-height: 40px;
}
/*公告*/
.gonggao {
  width: 96%;
  padding: 0 2%;
  height: 40px;
  line-height: 40px;
  border-bottom: 5px solid #f0f3f8;
}
.gonggao i {
  float: left;
  color: #828f9f;
  margin: 0 5px 0 0;
}
.gonggao span {
  width: auto;
  float: left;
}
.gonggao p {
  width: auto;
  float: left;
}
/*副导航*/
.fudaohang {
  width: 100%;
  overflow: hidden;
}
.fudaohang .shang {
  width: 96%;
  padding: 0 2%;
  height: 80px;
  border-bottom: 1px solid #f3f3f3;
  position: relative;
}
.fudaohang .shang h2 {
  font-size: 16px;
  color: #173e5d;
  line-height: 50px;
}
.fudaohang .shang p {
  color: #666;
}
.fudaohang .shang img {
  position: absolute;
  right: 4%;
  top: 0;
  width: auto;
  height: 100%;
}
.fudaohang .xia {
  width: 46%;
  padding: 0 2%;
  height: 80px;
  position: relative;
  float: left;
}
.fudaohang .xia h2 {
  font-size: 20px;
  color: #173e5d;
  line-height: 50px;
}
.fudaohang .xia p {
  color: #666;
}
.fudaohang .xia img {
  position: absolute;
  right: 10%;
  top: 20%;
  width: auto;
  height: 60%;
}
.fudaohang .left {
  border-right: 1px solid #f3f3f3;
  box-sizing: border-box;
}
/**涨跌榜**/
.zhangdie {
  min-height: calc(100vh - 60px);
  width: 100%;
  padding: 0 1% 60px 1%;
  border-top: 5px solid #f0f3f8;
  overflow: hidden;
}
.zhangdie .tabtitle {
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
}
.zhangdie .tabtitle li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: auto;
  text-align: center;
  cursor: pointer;
  margin: 0 18px 0 2%;
  font-size: 16px;
}
.zhangdie .hit {
  border-bottom: 2px solid #2285e2;
  cursor: pointer;
  color: #173e5d;
}
.zhangdie .pane {
  background-color: #fff;
  display: none;
}
.zhangdie .pane .biaotou {
  width: 98%;
  padding: 0 1%;
  float: left;
}
.zhangdie .pane .biaotou li {
  width: 32.66%;
  float: left;
  line-height: 40px;
  color: #666;
}
.zhangdie .pane .biaotou .mid {
  text-align: center;
}
.zhangdie .pane .biaotou .right {
  text-align: right;
}
.zhangdie .pane .xinxi {
  width: 98%;
  padding: 0 1%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
}
.zhangdie .pane .xinxi li {
  width: 32.66%;
  float: left;
  padding: 5px 0;
}
.zhangdie .pane .xinxi li p {
  width: 100%;
  line-height: 20px;
}
.zhangdie .pane .xinxi li p strong {
  color: #173e5d;
  font-size: 14px;
}
.zhangdie .pane .xinxi .mid {
  text-align: center;
}
.zhangdie .pane .xinxi li span {
  width: 70px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  background: #03ac8f;
  float: right;
  margin: 5px 0 0 0;
  font-size: 13px;
}
/*底部*/
.foot {
  width: 100%;
  background: #fff;
  position: fixed;
  left: 0;
  bottom: 0;
  border-top: 1px solid #f3f3f3;
  padding: 10px 0 0 0;
}
.foot ul {
  width: 100%;
  float: left;
}
.foot ul li {
  width: 20%;
  float: left;
  text-align: center;
}
.foot ul li i {
  color: #bdbdbd;
}
.foot ul li .icon-wallet-fill {
  font-size: 20px;
}
.foot ul li span {
  width: 100%;
  color: #666;
  float: left;
  line-height: 20px;
}
.foot ul .hit i {
  color: #1b8afe;
}
.foot ul .hit span {
  color: #1b8afe;
}
/*行情*/
.hangqing .tabtitle {
  background: #f0f3f8;
}
.hangqing .pane .xinxi li .die {
  background: #d14b64;
}
/*K线图*/
.k-shang {
  width: 100%;
  background: #f0f3f8;
  overflow: hidden;
}
.k-shang .left {
  box-sizing: border-box;
  width: 50%;
  float: left;
  padding: 0 0 0 10px;
}
.k-shang .left p {
  width: 100%;
  float: left;
}
.k-shang .left p strong {
  color: #d14b64;
  font-size: 30px;
  line-height: 40px;
}
.k-shang .left p span {
  color: #04ad90;
  margin: 0 0 0 15px;
  line-height: 25px;
}
.k-shang .left p span.die {
  color: #d14b64;
}
.k-shang .right {
  box-sizing: border-box;
  width: 50%;
  float: right;
  padding: 0 10px 0 0;
}
.k-shang .right p {
  width: 100%;
  float: left;
  text-align: right;
  color: #173e5d;
  line-height: 31px;
}
.k-shang .right p span {
  color: #666;
  margin: 0 15px 0 0;
}
.k-bottom {
  width: 100%;
  padding: 0 0 60px 0;
  border-bottom: 1px solid #f9f9f9;
  overflow: hidden;
}
.k-bottom .tabtitle {
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
}
.k-bottom .tabtitle li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: auto;
  text-align: center;
  cursor: pointer;
  margin: 0 25px 0 10px;
}
.k-bottom .hit {
  border-bottom: 2px solid #2285e2;
  cursor: pointer;
  color: #173e5d;
}
.k-bottom .pane {
  background-color: #fff;
  display: block;
}
.k-bottom .pane .biaotou {
  box-sizing: border-box;
  width: 100%;
  padding: 0 10px;
  float: left;
  border-bottom: 1px solid #f9f9f9;
}
.k-bottom .pane .biaotou li {
  width: 32.66%;
  float: left;
  line-height: 30px;
  color: #666;
}
.k-bottom .pane .biaotou .mid {
  text-align: center;
}
.k-bottom .pane .biaotou .right {
  text-align: right;
}
.k-bottom .pane .xinxi {
  box-sizing: border-box;
  width: 100%;
  float: left;
  border-bottom: 1px solid #f9f9f9;
  line-height: 30px;
}
.k-bottom .pane .xinxi li {
  width: 32.66%;
  float: left;
}
.k-bottom .pane .xinxi .mid p {
  width: 49%;
  float: left;
}
.k-bottom .pane .xinxi .mid .zuo {
  text-align: right;
  color: #04ad90;
  margin: 0 2% 0 0;
}
.k-bottom .pane .xinxi .mid .you {
  text-align: left;
  color: #d14b64;
}
.k-bottom .pane .xinxi .right {
  text-align: right;
}
.k-caozuo {
  width: 100%;
  height: 40px;
  position: fixed;
  left: 0;
  bottom: 0;
  text-align: center;
}
.k-caozuo a {
  display: block;
  width: 50%;
  height: 40px;
  float: left;
  text-align: center;
  line-height: 40px;
  color: #fff;
  font-size: 16px;
  background: #04ad90;
}
.k-caozuo .maichu {
  background: #d14b64;
}
/*登录界面*/
.login {
  width: 100%;
  margin: 0 0;
}
.login .back {
  width: 92%;
  padding: 5% 4%;
  background: #f0f3f8;
}
.login .back i {
  color: #8388a5;
}
.login .user {
  width: 88%;
  padding: 3% 6%;
}
.login .user h2 {
  width: 100%;
  font-size: 28px;
  color: #173e5d;
  line-height: 50px;
}
.login .user p {
  color: #999;
  line-height: 30px;
  font-size: 16px;
}
.login .denglu {
  width: 88%;
  padding: 3% 6%;
}
.login .denglu ul li {
  border-bottom: 1px solid #f3f3f3;
  height: 50px;
  line-height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.login .denglu ul li i {
  color: #999;
  margin: 0 10px 0 0;
}
.login .denglu ul li .input-areacode {
  position: relative;
  color: #1b8afe;
  margin: 0 10px 0 0;
  width: 30px;
  text-align: center;
  font-size: 16px;
}
.login .denglu .input-areacode .native-phone-code-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.login .denglu ul li input {
  flex-grow: 1;
  font-size: 15px;
}
.login .denglu ul .deng {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #1b8afe;
  color: #fff;
  margin: 20px 0;
  font-size: 18px;
  letter-spacing: 4px;
}
.login .denglu a {
  color: #1b8afe;
  font-size: 14px;
}
.login .denglu .mail {
  float: right;
}
.login .zhuce {
  width: 88%;
  position: fixed;
  bottom: 30px;
  color: #999;
  font-size: 14px;
  padding: 2% 6%;
}
.login .zhuce a {
  color: #1b8afe;
  font-size: 14px;
}
/*选择币种*/
.filter-disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.filter-box {
  position: relative;
}
.filter-box select {
  display: none;
}
.filter-text {
  height: 20%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  padding: 0 30px 0 10px;
  background: #f0f3fa;
}
.filter-text input {
  font-size: 14px;
}
.filter-text .filter-title {
  width: 100%;
  height: 36px;
  line-height: 36px;
  border: 0;
  background-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
  cursor: pointer;
}
.filter-list {
  display: none;
  width: 100%;
  max-height: 300px;
  background-color: #fff;
  font-size: 14px;
  position: absolute;
  top: 36px;
  left: 0;
  z-index: 99;
  overflow: auto;
}
.filter-list li.filter-null a {
  color: #d2d2d2;
}
.filter-list li a {
  display: block;
  padding: 0 10px;
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.filter-list li:hover {
  background-color: #f2f2f2;
}
.filter-list li.filter-selected {
  background-color: #5fb878;
}
.filter-list li.filter-selected a {
  display: block;
  color: #fff;
}
.filter-list li.filter-disabled {
  background-color: #fff;
}
.filter-list li.filter-disabled a {
  display: block;
  color: #d2d2d2;
}
.filter-list li.filter-disabled:hover a {
  cursor: not-allowed !important;
  background-color: #fff;
}
.icon {
  position: absolute;
}
.icon-filter-arrow {
  width: 8px;
  height: 6px;
  background-repeat: no-repeat;
  background-image: url(../images/icon_arrow_down_x2.png);
  background-size: 100%;
  left: 50px;
  top: 15px;
  transition: all 0.2s;
}
.icon-filter-arrow.filter-show {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.filter-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.filter-list::-webkit-scrollbar-track {
  background: #fff;
}
.filter-list::-webkit-scrollbar-thumb {
  background: #cbcbcb;
}
/*发布按钮*/
.fabu {
  position: fixed;
  right: 2%;
  top: 8px;
  z-index: 9999;
}
.fabu img {
  width: 20px;
}
.white_content {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: white;
  z-index: 1002;
  overflow: auto;
  text-align: center;
}
.white_content a {
  color: #173e5d;
  font-size: 14px;
  display: block;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
  line-height: 40px;
}
.white_content .quxiao {
  border-top: 5px solid #f3f3f3;
}
.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=33);
}

/**卖币买币**/
.maimai {
  width: 96%;
  padding: 2% 2%;
}
.maimai ul {
  height: 30px;
  width: 96%;
  margin: 0 2%;
  margin-bottom: 4px;
  border: 1px solid #03ac8f;
  border-radius: 5px;
  background: #f0f3fa;
}
.maimai ul li {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  color: #03ac8f;
}
.maimai .hit {
  cursor: pointer;
  color: #fff;
  background: #03ac8f;
}
.maimai .yue {
  width: 92%;
  margin: 0 2%;
  padding: 0 2%;
  line-height: 32px;
  background: #f0f3fa;
}
.maimai .pane {
  min-height: 100px;
  display: block;
  width: 96%;
  margin: 0 2%;
}
.maimai .pane .lb {
  background: #fff;
  width: 100%;
  height: auto;
  float: left;
  margin: 10px 0 0;
  border: 1px solid #eee;
}
.maimai .pane .lb .touxiang {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  float: left;
  margin: 10px 15px 0 2%;
}
.maimai .pane .lb .xinxi {
  width: 40%;
  float: left;
}
.maimai .pane .lb h2 {
  font-size: 16px;
  color: #173e5d;
  margin: 15px 0 10px 0;
}
.maimai .pane .lb p {
  width: 100%;
  float: left;
  line-height: 16px;
}
.maimai .pane .lb p img {
  width: 16px;
  float: left;
}
.maimai .pane .lb span {
  line-height: 16px;
  float: left;
}
.maimai .pane .lb .danjia {
  width: auto;
  float: right;
  line-height: 60px;
  margin: 0 2% 0 0;
}
.maimai .pane .lb .danjia b {
  font-size: 16px;
  color: #173e5d;
}
.maimai .pane .lb .beizhu {
  width: 96%;
  float: left;
  margin: 10px 2%;
  border-bottom: 1px solid #f3f3f3;
}
.maimai .pane .lb .beizhu p {
  width: 100%;
  float: left;
  color: #999;
  line-height: 25px;
}
.maimai .pane .lb .bottom {
  width: 96%;
  margin: 0 2%;
}
.maimai .pane .lb .bottom .fangshi {
  width: auto;
  float: left;
}
.maimai .pane .lb .bottom .fangshi img {
  width: 25px;
  float: left;
  margin: 0 10px 10px 0;
}
.maimai .pane .lb .bottom .buy {
  width: auto;
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  background: #1b8afe;
  float: right;
  color: #fff;
  width: 40px;
  text-align: center;
  border-radius: 2px;
}
/*发布买币*/
.buybuy {
  width: 100%;
}
.buybuy h2 {
  width: 100%;
  text-align: center;
  margin: 30px 0 0 0;
}
.buybuy h2 span {
  width: 100%;
  float: left;
  color: #173e5d;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
  font-weight: bold;
}
.buybuy .xinxi {
  width: 100%;
  margin: 0 0 10px 0;
}
.buybuy .xinxi p {
  width: 100%;
  color: #999;
  line-height: 25px;
}
.buybuy .xinxi input {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #f4f4f4;
  font-size: 15px;
}
.buybuy .shuliang input {
  width: 46%;
}
.buybuy .shuliang .max {
  float: right;
}
.buybuy .zhifu {
  width: 100%;
  float: left;
  padding-bottom: 80px;
}
.buybuy .zhifu h4 {
  width: 98%;
  height: 40px;
  line-height: 40px;
  background: #f4f4f4;
  color: #999;
  font-weight: 400;
  padding-left: 2%;
}
.buybuy .zhifu p {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
}
.buybuy .zhifu p img {
  width: 25px;
  float: left;
  margin: 10px 10px 10px 0;
}
.buybuy .zhifu p span {
  width: auto;
  float: left;
  line-height: 45px;
  color: #173e5d;
}
.buybuy .zhifu p i {
  width: auto;
  float: right;
  line-height: 45px;
  color: #1a85d7;
  font-weight: bold;
  font-size: 20px;
  font-style: normal;
}
.buybuy .zhifu .xiadan {
  width: 96%;
  margin: 15px 2% 0 2%;
  background: #1a85d7;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: #fff;
  float: left;
  font-size: 16px;
  letter-spacing: 2px;
}
/*发布*/
.fabushuju {
  width: 100%;
  min-height: 300px;
  text-align: center;
}
.fabushuju img {
  width: 64px;
  margin: 100px 0 0 0;
}
.fabushuju p {
  color: #999;
  line-height: 30px;
}
/*谷歌验证*/
.google {
  width: 100%;
}
.google h2 {
  width: 96%;
  height: 40px;
  line-height: 40px;
  background: #f0f3f8;
  color: #173e5d;
  padding: 0 2%;
  font-size: 16px;
}
.google .kaiqi {
  width: 90%;
  margin: 15px 5%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #14a8ee;
  display: block;
}
.google p {
  width: 94%;
  margin: 0 4%;
  line-height: 25px;
}
.google .how {
  width: 92%;
  margin: 10px 4%;
  color: #14a8ee;
  line-height: 40px;
}
.google img {
  width: 50%;
  margin: 30px 25%;
}
.google .fuzhi {
  width: 92%;
  margin: 1% 4%;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
  text-align: center;
  line-height: 40px;
  color: #333;
}
.google .fuzhi a {
  color: #333;
}
.google .fuzhi i {
  margin: 0 0 0 5px;
}
.google .tixing {
  width: 92%;
  margin: 20px 4%;
  line-height: 25px;
  color: #f34d51;
}
/*关于我们*/
.about {
  width: 100%;
}
.about h2 {
  width: 96%;
  height: 40px;
  line-height: 40px;
  background: #f0f3f8;
  color: #173e5d;
  padding: 0 2%;
  font-size: 22px;
}
.about .banben {
  width: 100%;
  text-align: center;
  background: #f0f3f8;
  overflow: hidden;
  padding: 20px 0;
}
.about .banben img {
  width: 10%;
}
.about .banben p {
  width: 100%;
  color: #173e5d;
  line-height: 50px;
  float: left;
}
.about ul {
  width: 100%;
  float: left;
}
.about ul li {
  width: 96%;
  padding: 0 2%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
  height: 40px;
  line-height: 40px;
}
.about ul li a {
  color: #173e5d;
  display: block;
  width: 100%;
  height: 100%;
}
.about ul li i {
  float: right;
  font-style: normal;
  color: #666;
}
/*交易市场*/
.jiaoyishichang {
  width: 100%;
}
.jiaoyishichang h2 {
  width: 96%;
  height: 40px;
  line-height: 40px;
  background: #f0f3f8;
  color: #173e5d;
  padding: 0 2%;
  font-size: 16px;
}
.jiaoyishichang .tabPanel .biaotou {
  height: 40px;
}
.jiaoyishichang .tabPanel .biaotou li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 33.33%;
  text-align: center;
  cursor: pointer;
  color: #666;
}
.jiaoyishichang .tabPanel .hit {
  border-bottom: 2px solid #1887d9;
  cursor: pointer;
  color: #173e5d;
}
.jiaoyishichang .pane {
  min-height: 100px;
  background-color: #fff;
  display: none;
  width: 100%;
}
.jiaoyishichang .pane ul {
  width: 100%;
  float: left;
}
.jiaoyishichang .pane ul li {
  width: 96%;
  border-bottom: 1px solid #f3f3f3;
  float: left;
  margin: 0 2%;
}
.jiaoyishichang .pane ul li p {
  width: auto;
  float: left;
  line-height: 40px;
  color: #173e5d;
}
.jiaoyishichang .pane ul li span {
  width: auto;
  float: right;
  line-height: 40px;
  color: #0aaa8e;
}
/*商家认证*/
.renzheng {
  width: 100%;
  padding: 0 0 100px 0;
  overflow: hidden;
}
.renzheng h2 {
  width: 96%;
  padding: 0 5%;
  background: #f4f4f4;
  line-height: 40px;
  font-weight: 400;
  color: #666;
  font-size: 14px;
}
.renzheng .shangchuan {
  width: 60%;
  margin: 15px 20%;
  float: left;
  border: 1px solid #f3f3f3;
  height: 200px;
  line-height: 100px;
  text-align: center;
  position: relative;
}
.renzheng .shangchuan span {
  width: 60px;
  height: 60px;
  background: #ffd253;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 70px;
  text-align: center;
  line-height: 60px;
}
.renzheng .shangchuan span i {
  color: #fff;
  font-size: 30px;
}
.renzheng .shangchuan span .icon-luzhishipin {
  font-size: 40px;
}
.renzheng h4 {
  width: 90%;
  padding: 0 5%;
  font-weight: 400;
  color: #1b8afe;
  font-size: 14px;
}
.renzheng p {
  width: 90%;
  padding: 2% 5%;
  line-height: 25px;
  color: #666;
}
.renzheng .wancheng {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #1b8afe;
  color: #fff;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  letter-spacing: 4px;
  z-index: 20;
}
/*实名认证*/
.shiming {
  width: 96%;
  padding: 2% 2%;
  overflow: hidden;
}
.shiming ul {
  width: 100%;
  float: left;
}
.shiming ul li {
  width: 96%;
  margin: 0 2%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
}
.shiming ul li a {
  float: inherit;
  width: 100%;
}
.shiming ul li p {
  width: auto;
  float: left;
  line-height: 50px;
  font-size: 15px;
}
.shiming ul li span {
  width: auto;
  float: right;
  line-height: 50px;
  color: #173e5d;
  margin: 0 10px 0 0;
}
.shiming ul li i {
  width: auto;
  float: right;
  line-height: 50px;
  color: #828fa2;
}
/**交易区**/
.jiaoyiqu {
  width: 100%;
  padding: 0 0 60px 0;
  overflow: hidden;
}
.jiaoyiqu .tabtitle {
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
  box-sizing: border-box;
  background-color: #f0f3f8;
  width: 100%;
}
.jiaoyiqu .tabtitle li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: auto;
  text-align: center;
  cursor: pointer;
  margin: 0 18px 0 2%;
  box-sizing: border-box;
  font-size: 14px;
}
.jiaoyiqu .hit {
  border-bottom: 2px solid #2285e2;
  cursor: pointer;
  color: #173e5d;
}
.jiaoyiqu .pane {
  background-color: #fff;
  display: block;
  width: 100%;
}
.jiaoyiqu .pane .maichu {
  width: 96%;
  margin: 0 2%;
  float: left;
}
.jiaoyiqu .pane .maichu .left {
  width: 50%;
  float: left;
}
.jiaoyiqu .pane .maichu .left h2 {
  width: 100%;
  float: left;
  color: #999;
  font-size: 14px;
  line-height: 40px;
}
.jiaoyiqu .pane .maichu .left h2 i {
  color: #374e6e;
}
.jiaoyiqu .pane .maichu .left .jia {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .left .jia input {
  width: 50%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-right: 1px solid #adadad;
  box-sizing: border-box;
  float: left;
}
.jiaoyiqu .pane .maichu .left .jia i {
  float: left;
  color: #999999;
  line-height: 40px;
  margin: 0 0 0 10px;
}
.jiaoyiqu .pane .maichu .left .jia p {
  width: 100%;
  float: left;
  color: #999;
  line-height: 25px;
}
.jiaoyiqu .pane .maichu .left .shuliang {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .left .shuliang input {
  float: left;
  line-height: 40px;
  min-width: 50%;
  text-align: center;
  color: #999;
}
.jiaoyiqu .pane .maichu .left .shuliang span {
  float: right;
  line-height: 40px;
  margin: 0 15px 0 0;
}
.jiaoyiqu .pane .maichu .left .baifenbi {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .left .baifenbi a {
  display: block;
  width: 23%;
  height: 25px;
  border: 1px solid #eaeaea;
  box-sizing: border-box;
  text-align: center;
  line-height: 25px;
  color: #777777;
  float: left;
  margin: 0 1%;
}
.jiaoyiqu .pane .maichu .left .baifenbi p {
  width: 100%;
  float: left;
  line-height: 25px;
  color: #666;
}
.jiaoyiqu .pane .maichu .left .jine {
  width: 100%;
  float: left;
  color: #666;
  font-size: 14px;
  line-height: 30px;
}
.jiaoyiqu .pane .maichu .left .jine span {
  color: #1c3142;
  font-size: 14px;
  line-height: 30px;
}
.jiaoyiqu .pane .maichu .left .anniu {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  background: #d14b64;
  font-size: 16px;
  display: block;
  float: left;
}
.jiaoyiqu .pane .maichu .right {
  width: 45%;
  float: right;
}
.jiaoyiqu .pane .maichu .right .tou {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .right .tou div {
  float: right;
  line-height: 40px;
  width: 50%;
  text-align: right;
  color: #999;
}
.jiaoyiqu .pane .maichu .right .tou .zuo {
  float: left;
  text-align: left;
}
.jiaoyiqu .pane .maichu .right .shu {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .right .shu div {
  float: right;
  line-height: 25px;
  width: 50%;
  text-align: right;
  color: #999;
}
.jiaoyiqu .pane .maichu .right .shu .zuo {
  float: left;
  text-align: left;
  color: #d14b64;
}
.jiaoyiqu .pane .maichu .right .die {
  width: 100%;
  line-height: 50px;
  text-align: center;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  color: #049e82;
  float: left;
  font-size: 16px;
}
.jiaoyiqu .pane .maichu .right .lv .zuo {
  float: left;
  text-align: left;
  color: #049e82;
}
.jiaoyiqu .pane .maichu .chengjiao {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  padding-bottom: 60px;
}
.jiaoyiqu .pane .maichu .chengjiao h2 {
  width: 100%;
  float: left;
  color: #283f51;
  font-size: 16px;
}
.jiaoyiqu .pane .maichu .chengjiao .tou {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .chengjiao .tou div {
  width: 33.33%;
  float: left;
  text-align: center;
  line-height: 40px;
  color: #999;
}
.jiaoyiqu .pane .maichu .chengjiao .tou .zuo {
  text-align: left;
}
.jiaoyiqu .pane .maichu .chengjiao .tou .you {
  text-align: right;
}
.jiaoyiqu .pane .maichu .chengjiao .xiangxi {
  width: 100%;
  float: left;
}
.jiaoyiqu .pane .maichu .chengjiao .xiangxi div {
  width: 33.33%;
  float: left;
  text-align: center;
  line-height: 25px;
  color: #d14b64;
}
.jiaoyiqu .pane .maichu .chengjiao .xiangxi .zuo {
  text-align: left;
  color: #666;
}
.jiaoyiqu .pane .maichu .chengjiao .xiangxi .you {
  text-align: right;
  color: #666;
}

.jiaoyiqu .pane .jilu {
  width: 100%;
  float: left;
  text-align: center;
  margin: 100px 0 0 0;
}
.jiaoyiqu .pane .jilu i {
  font-size: 60px;
  color: #2a3970;
  margin: 0 0 20px 0;
}
.jiaoyiqu .pane .jilu a {
  padding: 5px 10px;
  border: 1px solid #1584d6;
  color: #666;
  border-radius: 10px;
  font-size: 16px;
}
/*收款方式*/
.shoukuan {
  width: 96%;
  margin: 0 2%;
  float: left;
}
.shoukuan input {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  height: 40px;
  line-height: 40px;
}
.shoukuan .ka {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  height: 40px;
}
.shoukuan .ka p {
  width: auto;
  float: left;
  line-height: 40px;
  color: #666;
}
.shoukuan .ka a {
  width: auto;
  float: right;
  line-height: 40px;
  color: #666;
}
.shoukuan .ka a i {
  color: #666;
  margin: 0 0 0 5px;
  font-size: 13px;
}
.shoukuan .wancheng {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #1b8afe;
  color: #fff;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  letter-spacing: 4px;
}
/*我的*/
.mine {
  width: 100%;
  padding-bottom: 60px;
  overflow: hidden;
}
.mine-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #f0f3f8;
  padding: 0 15px;
  background-image: linear-gradient(to right, #0096ff, #0086e5);
  border-radius: 0 0 15px 15px;
  margin-bottom: 10px;
}
.mine-info .head {
  width: 65px;
  height: 65px;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
}
.mine-info .head img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.mine-info .info {
  flex-grow: 1;
}
.mine h2 {
  width: 96%;
  height: 40px;
  line-height: 40px;
  /* color: #173e5d; */
  color: #ffffff;
  padding: 15px 2% 0 2%;
  font-size: 20px;
}
.mine .uid {
  width: 96%;
  height: 40px;
  line-height: 40px;
  color: #ffffff;
  padding: 0 2% 15px 2%;
  font-size: 14px;
}
.mine ul {
  width: 100%;
  float: left;
  border-bottom: 5px solid #f1f4fb;
}
.mine ul li {
  width: 96%;
  margin: 2px 2%;
  float: left;
  border-bottom: 1px solid #fbfbfb;
}
.mine ul li a {
  float: inherit;
  width: 100%;
}
.mine ul li i {
  float: left;
  line-height: 40px;
  color: #858ba5;
  margin: 0 10px 0 0;
  font-size: 20px;
  width: 21px;
}
.mine ul li p {
  width: auto;
  float: left;
  line-height: 40px;
  color: #242d3e;
  font-size: 13px;
}
.mine ul li .icon-jiantouarrow487 {
  color: #868e99;
  float: right;
}
.mine ul li .icon-icon_huabanfuben {
  font-size: 22px;
  margin-left: -2px;
}
.mine .bottom {
  border: 0;
}
/*我的消息-公告*/
.news {
  width: 96%;
  margin: 0 2%;
  padding-bottom: 60px;
  overflow: hidden;
}
.news .tabPanel ul {
  height: 50px;
  text-align: center;
  margin: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news .tabPanel ul li {
  flex: 1 0 auto;
  height: 50px;
  line-height: 50px;
  width: auto;
  text-align: center;
  cursor: pointer;
  margin: 0 20%;
  font-size: 14px;
}
.news .tabPanel .hit {
  border-bottom: 2px solid #0d84e2;
  cursor: pointer;
  color: #0d84e2;
}
.news .pane {
  background-color: #fff;
  display: block;
}
.news .pane .lb {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
}
.news .pane .lb span {
  width: 100%;
  float: left;
  text-align: center;
  color: #233340;
  line-height: 30px;
}
.news .pane .lb .xinxi {
  width: 96%;
  float: left;
  height: auto;
  background: #a3cef0;
  border-radius: 10px;
  padding: 10px 2%;
}
.news .pane .lb .xinxi i {
  width: 100%;
  float: left;
  font-style: normal;
  color: #666;
  line-height: 20px;
}
.news .pane .lb .xinxi p {
  width: 100%;
  float: left;
  color: #233340;
  line-height: 20px;
}
/*修改密码*/
.xiugai {
  width: 100%;
  float: left;
  padding: 2% 4%;
  box-sizing: border-box;
}
.xiugai ul {
  width: 100%;
  float: left;
}
.xiugai ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f4f4f4;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.xiugai ul li input {
  width: auto;
  float: left;
  line-height: 40px;
  font-size: 15px;
  flex-grow: 1;
}
.xiugai ul li i {
  float: right;
  color: #bdbdbd;
  font-size: 20px;
}
.xiugai ul a {
  float: right;
  line-height: 40px;
  color: #007aff;
  font-size: 14px;
  flex-shrink: 0;
}
.xiugai .wancheng {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #1b8afe;
  color: #fff;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  letter-spacing: 4px;
}
/**转账明细**/
.mingxi {
  width: 100%;
  padding: 0 0 60px 0;
  border-top: 5px solid #f0f3f8;
  overflow: hidden;
}
.mingxi .tabtitle {
  height: 40px;
  border-bottom: 1px solid #f3f3f3;
}
.mingxi .tabtitle li {
  float: left;
  height: 40px;
  line-height: 40px;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.mingxi .hit {
  border-bottom: 2px solid #2285e2;
  cursor: pointer;
  color: #173e5d;
}
.mingxi .pane {
  background-color: #fff;
  display: block;
  width: 100%;
}
.mingxi .pane .wujilu {
  width: 100%;
  float: left;
  text-align: center;
  margin: 100px 0;
}
.mingxi .pane .wujilu i {
  font-size: 70px;
  color: #c5c9d5;
}
.mingxi .pane .wujilu p {
  color: #828fa2;
  line-height: 30px;
}
/*最新版本*/
.about .black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.3;
  opacity: 0.3;
  filter: alpha(opacity=33);
}
.about .zuixin {
  display: none;
  position: fixed;
  top: 200px;
  left: 10%;
  width: 80%;
  height: 150px;
  background-color: #1f3f58;
  z-index: 1002;
  border-radius: 10px;
}
.about .zuixin a {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #1a85d7;
  color: #fff;
  font-size: 18px;
  position: absolute;
  left: 0;
  bottom: 0;
  border: 0;
}
.about .zuixin p {
  color: #687885;
  margin: 50px 0 0 0;
  font-size: 14px;
}
/*邮箱验证*/
.yanzheng {
  width: 92%;
  float: left;
  padding: 2% 4%;
}
.yanzheng ul {
  width: 100%;
  float: left;
}
.yanzheng ul li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f4f4f4;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 0 0;
}
.fl {
  float: left;
}
.yanzheng ul li input {
  width: auto;
  float: left;
  line-height: 40px;
  padding-left: 1%;
  font-size: 15px;
}
.yanzheng ul li i {
  float: right;
  color: #bdbdbd;
  font-size: 20px;
}
.yanzheng ul li .huoqu {
  float: right;
  color: #1e87f2;
  font-size: 14px;
}
.yanzheng ul a {
  float: right;
  line-height: 40px;
  color: #fac112;
}
.yanzheng .wancheng {
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background: #1b8afe;
  color: #fff;
  font-size: 16px;
  position: fixed;
  left: 0;
  bottom: 0;
  letter-spacing: 4px;
}
.yanzheng ul p {
  width: 100%;
  float: left;
  color: #999;
  line-height: 35px;
}
.yanzheng ul .tip {
  line-height: 1.2;
  padding: 10px 0;
}

@media screen and (max-device-width: 320px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  body {
    -webkit-text-size-adjust: none;
  }
}

.page-enter-active,
.page-leave-active {
  transition: opacity 0.1s;
}
.page-enter,
.page-leave-active {
  opacity: 0;
}

.page {
  padding-top: 90px;
}
.page-space {
  height: 10px;
  background-color: #f0f3f8;
}

.iconfont.icon-dizhi {
  font-size: 25px;
  margin-left: -3px;
}
.iconfont.icon-zhanghuzichan {
  font-size: 16px;
  margin-left: 3px;
}
.iconfont.icon-shezhi {
  margin-left: 1px;
}
.iconfont.icon-caidan-tianchong {
  font-size: 18px;
  margin-left: 2px;
}
.iconfont.icon-jiaoyimingxi {
  font-size: 18px;
  margin-left: 2px;
}
.iconfont.icon-guanyu {
  font-size: 18px;
  margin-left: 2px;
}

.nuxt-progress {
  display: none !important;
}

.mint-toast-text {
  color: white;
}
